<!DOCTYPE HTML>
<html lang="ja" dir="ltr">
<head>
<meta charset="UTF-8" />
<title>住宅総合館</title>
<%include file="_meta.html" />
<meta name="paneo-field-text" content=""/>
<meta name="paneo-field-img" content="catchimg:キャッチ画像"/>
</head>
<body class="free">

<!-- page header xx start -->
<header class="noprint">
<%include file="_header.html" />
</header>
<!-- page header xx end -->

<div id="headline"></div>

<div id="container">
    <div id="contents" class="clearfix">
    <% article = AT.GetArticle('blog') %>

    <div id="specialbox_row" class="row document">
    <div class="threefifth"><!-- left -->
    <!-- TOPタイトル -->
    <a name="blog" class="bookmark" title="住まいのブログ"></a>
    <% blog = AT.GetArticle('blog') %>
<div class="backcolor">
    <div class="outer">
        <div class="color"></div>
        <div class="cover">
            <img src="/common/img/blog_headericon.png" />
        </div>
    </div>
    </div><!-- .backcolor --> 
    
     <div class="header_box">
    <div class="headcover">
        <div class="header">
        <div><img src="/common/img/blog_top.png"></div>
        <h2>${article.lead}</h2>
        </div>
    </div>
    </div>

    <section>
    <div id="blogimg" class="row">
    <div class="third">
    <img src="" data-paneo-type="img" data-paneo-name="mainpic" title="メイン画像(スクリーンショット)" alt="メイン画像"/>
    </div>
    <div class="twothird right">
    <h1>${post.title}</h1>
    <h2>${post.lead}</h2>
    </div>
    </div>
    <article data-paneo-type="textarea" data-paneo-name="textbox" title="ブログ記事コンテンツ">
    ここにコンテンツを入力します。
    </article>
    <div class="out">
    <dl>
    <dt>紹介ブログ HOMEPAGE</dt>
    <dd><a href="http://yahoo.co.jp/" data-paneo-type="text-link" data-paneo-name="homepageurl" title="紹介ブログのHOMEPAGEURL">http://yahoo.co.jp/</a></dd>
    </dl>
    <dl>
    <dt>紹介ブログ 記事URL</dt>
    <dd><a href="http://google.com/" data-paneo-type="text-link" data-paneo-name="pageurl" title="紹介ブログの記事URL">http://google.com/</a></dd>
    </dl> 
    </div>
    </section>

    </div><!-- left -->

    <div id="topright" class="twofifth"><!-- right -->

    <!-- 住まいのブログ -->
    <a name="blog" class="bookmark" title="住まいのブログ"></a>
    <% article = AT.GetArticle('blog') %>
    <section id="blog_side">
    <ul class="grid-b">
    %for contents in article.GetPostsByUpdated(50) :
    <li class="item">
	%if len(contents.title) > 15 :
	<h4> ${ contents.title [:12]} …</h4>
	%else :
	<h4> ${ contents.title }</h4>
	%endif
    <figure class="paneoimg">
    <a href="/article/${contents.slug}.html">
    ${ contents.GetImageTag('mainpic') } 
    </a>
    <figure>
	%if len(contents.lead) > 50 :
	<p> ${ contents.lead [:50]} …</p>
	%else :
	<p> ${ contents.lead }</p>
	%endif
    </li>
    %endfor
    </ul>
    </section>
    <!-- #blog -->

    </div>

    </div><!-- div#specialbox_row -->
    <%include file="sogokan_bigfooter.html"/>

    </div><!-- /#contents -->
</div><!-- /#container -->

<!-- page footer -->
<%include file="_footer.html"/>
<%include file="_anchor_navi.html"/>

</body>
</html>
